<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="/WEB-INF/views/Partial/headinclude.jsp"%>
<title></title>
</head>
<body>
	<%@include file="/WEB-INF/views/Partial/Layout_Top.jsp"%>
	<div class="main-container" id="main-container">
		<div class="main-container-inner">
			<%@include file="/WEB-INF/views/Partial/Layout_Nav.jsp"%>
			<div class="main-content">
				<%@include file="/WEB-INF/views/Partial/Layout_position.jsp"%>
				<div id="bodyid">
					<!-- ------------------start----------------------------- -->
					<div class="page-content">
						<div class="page-header">
							<h1>
					          <a class="btn btn-info purple thickbox addGoods" title='添加'
									href='<%=request.getContextPath()%>/employee/edit?TB_iframe=true&height=400&width=900'>
									添加员工 </a> <a class="btn btn-info purple" title='导出'
									href="javascript:;" id="export"> 导出 </a>
							</h1>
						</div>
						<div class="span12" style="margin: auto;">
							<div class="tabdiv">
								<div class="dtext">
									<label> 开始日期： </label>
								</div>
								<div class="dinput">
									<input type="text" name="StartDate" id="StartDate"
										class="m-wrap small wdate" style="width: 95%"
										onfocus="WdatePicker({ skin: 'default', dateFmt: 'yyyy-MM-dd HH:mm:ss'})" />
								</div>
							</div>
							<div class="tabdiv">
								<div class="dtext">
									<label> 结束日期： </label>
								</div>
								<div class="dinput">
									<input type="text" name="EndDate" id="EndDate"
										class="m-wrap small wdate" style="width: 95%"
										onfocus="WdatePicker({ skin: 'default', dateFmt: 'yyyy-MM-dd HH:mm:ss'})" />
								</div>
							</div>
							<div class="tabdiv" style="width: 15%;">
								<div class="dtext"></div>
								<div class="dinput">
									<button type="button" id="searchlist"
										class="btn btn-info btn-sm" search="0">
										搜索 <i class="icon-search icon-on-right bigger-110"></i>
									</button>
								</div>
							</div>
						</div>
						<section class="row-fluid" style="margin:30px auto;">
						<div class="span12" style="margin: 10px auto;">
							<div class="" id="loadpartial"></div>
							<div class="pageddiv" id="segtwo" style="float: right;"></div>
							<div style="clear: both;"></div>
						</div>
						</section>
					</div>
					<!-- ------------------------end----------------------- -->
				</div>

			</div>
		</div>
	</div>
	<script type="text/javascript">
    $(function () {
        $("#searchlist").click(function (e) {
            e.preventDefault();
            var postdata = { startdate: $("#startdate").val(), enddate: $("#enddate").val() };
            var posturl = "<%=request.getContextPath()%>/employeelist";
				$("#loadpartial").load(posturl, postdata, function() {
					var totalPage = $("#totalPage").val();
					$("#segtwo.pageddiv").PagedInfo({
						// pageCount: totalPage,
						pageCount : totalPage,
						data : postdata,
						url : posturl,
						success : function(data) {
							$("#loadpartial").html(data);
							MaskHide();
						},
						error : function(data) {
							alert("error");
						}
					});
					MaskHide();
				});
			});
			MaskShow();
			$("#searchlist").trigger("click");
		});
	</script>
</body>
</html>